/*
 * @Author: jerrery.li
 * @Date: 2024-03-27 15:56:58
 * @LastEditors: jerrery.li
 * @LastEditTime: 2024-03-27 16:00:31
 * @FilePath: /react-project/src/components/Header.jsx
 * @Description:
 */
import React from "react";
import { Tabs,ConfigProvider } from 'antd';

export default function Header() {
    
    return (
        <ConfigProvider theme={{
            token: {
                colorPrimary: '#5b8c00',
            },
            }}
        >
        <Tabs
            defaultActiveKey="1"
            centered
            items={new Array(3).fill(null).map((_, i) => {
            const id = String(i + 1);
            return {
                label: `Tab ${id}`,
                key: id,
                children: `Content of Tab Pane ${id}`,
            };
            })}
        />
      </ConfigProvider>
    );
}
